<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        ①获取元素document.get  Element  By  Id
                文档     获取    元素   通过 ID
        ②绑定点击事件
                onclick，以on关键字开头，绑定的是单击事件click
        ③定义函数（函数是被设计为执行特定任务的代码块）实现对应功能
                function(){
                   代码块 
                } 
    -->
    <button id="btn">按钮</button>
    <div id="demo">案例</div>
    <!-- 点击---用户行为--JS--内部脚本script -->
    <script>
        document.getElementById('btn').onclick = function(){
            alert('您点击了按钮')
        }
        /* 点击div时弹框提示，“您点击了div元素” */
        document.getElementById('demo').onclick = function(){
            alert('您点击了div元素')
        }
    </script>
</body>
</html>